﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Facebook.aspx.cs" Inherits="Touch2Like.Web.facebook" %>

<html>
<head>

<style type="text/css">
body {
	background: url(/img/home_web.png) no-repeat;
	margin-top: 0px;
	padding-top: 0px;
	width: 800px; 
	height: 600px; 
	font-family: Arial,Helvetica,sans-serif; 
	color: #FFFFFF; 
	text-align: center;
}

/*--- General  ---*/
.green{ 
	cursor:pointer;
	float: left;  
	text-align: center; 
}

.green p{ 
	font-size: 19px;
	text-align: center;
}

.green h2{
	font-size: 30px;
	padding: 0;
	margin-top: 35px;
	text-align: center;
}
.title2{margin-bottom: 0;}

.social a{ text-decoration: underline; color: #FFFFFF;}



/*--- Blog ---*/
.blog { 
	float: left; 
	width: 31%; 
	height: 360px; 
	padding-left: 0;
	margin-left:0;
	text-align: center; 
	margin-top:5px;
}
.blog h1{ 
	margin-top: 160px;
	font-size: 70px; 
	margin-bottom: 0;}

/*--- Mobile App ---*/
.mobile_app{
	margin-bottom: 4px;
	margin-left:28px;
	width: 62%; 
	height: 29%;
}
.mobile_app h2{
	font-size: 45px;
}
.mobile_app p{
	font-size: 22px;
}

/*--- NFC Store ---*/

.nfc_store{
	width: 30%; 
	margin-left:28px;
	margin-top: 13px;
	height: 29%;
}
.nfc_store p{
	font-size: 16px;
}

/*--- Contact us ---*/

.contact_us { 
    height: 29%;
    margin-left: 17px;
    margin-top: 14px;
    width: 30%;
}

.contact_us p{padding: 0; font-size: 16px;}
.title3{margin: 0;}

/*input[type="button"] { width: 129px; height: 37px; background: url("enviar.png") repeat-x 0 0 transparent;font-size: 16px; margin: 28px 97px 0 10px; float:right; 
	border:0; cursor: pointer; color: #ffffff; border-radius: 4px;
}
input[type="button"]:hover {  background: url('enviar2.png') repeat-x 0 0 transparent;}
input[type="button"]:focus {  background-image: url("enviar2.png");}
*/


.social { 
    float: left;
    height: inherit;
    margin-top: 8px;
    width: 96%;
}

.social div{float:left; width: -moz-fit-content;}
.social p{ cursor: pointer; width: 65px; height: 65px;}
#p1{margin: 75px 0 0 168px;}
#p2{margin: 155px 0 0 35px;}
#p3{margin: 102px 0 0 42px;}
#p4{margin: 66px 0 0 75px;}

</style>
</head>
<body> 
	<div class="blog green" onclick="window.location='http://google.com';">
		<h1><strong>Blog</strong></h1>
		<p>Be aware about NFC world</p>
	</div>
	<div class="mobile_app green" onclick="window.location='http://google.com';">
		<h2 class="title2"><strong>Mobile App</strong></h2>
		<p>Make your life easier</p>
	</div>
	<div class="nfc_store green" onclick="window.location='http://google.com';">
		<h2 class="title2"><strong>NFC Store</strong></h2>
		<p>Get your NFC tags and enjoy</p>
	</div>
	<div class="contact_us green" onclick="window.location='http://google.com';">
		<h2 class="title3"><strong>Contact us</strong></h2>
		<p>We love to help</p> 
		<!--- <input class="button" type="button" value="Ir la Web" name="button" onclick="window.open('http://www.grupoadhra.com/hotel-murillo-sevilla.php','_blank')" /> -->
	</div>
	<div class="social">
		<div onclick="window.location='http://www.youtube.com';"><p id="p1"></p></div>
		<div onclick="window.location='http://google.com';"><p id="p2"></p></div>
		<div onclick="window.location='http://www.camintelgroup.mobi';"><p id="p3"></p></div>
		<div onclick="window.location='http://www.twitter.com';"><p id="p4"></p></div>
		<!---<p><a target="_blank" href="http://www.grupoadhra.com/hotel-murillo-sevilla.php" style="text-decoration:none; color: #fff; ">www.grupoadhra.com/hotel-murillo-sevilla</a></p>-->
		<img>
	</div>
</body>
</html>